<!DOCTYPE html>
<html>
<!-- 培训课程管理 -->

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
        <script src="/static/js/common.js"></script>

</head>

<body>
    <div id="app" class="popupW100" v-cloak>
        <table width="100%" border="1" align="center" cellpadding="10" cellspacing="0">
            <tr>
                <td>姓名</td>
                <td colspan="2">张三</td>
                <td>性别</td>
                <td colspan="2">男</td>
                <td>出生日期</td>
                <td colspan="2">1992</td>
                <td rowspan="4">照片</td>
            </tr>
            <tr>
                <td>学历</td>
                <td colspan="2">大专</td>
                <td>参加工作时间</td>
                <td colspan="2">2009</td>
                <td>入职时间</td>
                <td colspan="2">2009</td>
            </tr>
            <tr>
                <td colspan="1">毕业院校</td>
                <td colspan="2">东北大学</td>
                <td colspan="2">毕业院校</td>
                <td colspan="4">东北大学</td>
            </tr>
            <tr>
                <td colspan="1">工作部门</td>
                <td colspan="2">PPD车间</td>
                <td colspan="2">工作岗位</td>
                <td colspan="4">高级焊工</td>
            </tr>
            <tr>
            </tr>
            <tr>
                <td colspan="3">何年何月值和年合约</td>
                <td colspan="3">在何部门何岗位</td>
                <td colspan="4">任何职务</td>
            </tr>
            <tr>
                <td colspan="3">2017.5.6</td>
                <td colspan="3">PPD车间</td>
                <td colspan="4">高级焊工</td>
            </tr>
            <tr>
                <td>序号</td>
                <td>培训时间</td>
                <td>培训目标</td>
                <td>培训地点</td>
                <td>培训目标</td>
                <td>培训类型</td>
                <td>培训内容</td>
                <td>计划内/计划外</td>
                <td>得分</td>
                <td>员工签字</td>
            </tr>
            <tr>
                <td>1</td>
                <td>2019年4月13日14:00:00</td>
                <td>四月份-2017年第一季度第一次培训</td>
                <td>园区23号楼4-3</td>
                <td>安全计划</td>
                <td>线上</td>
                <td>安全操作</td>
                <td>计划内</td>
                <td>70</td>
                <td></td>
            </tr>

        </table>
    </div>
    <script type="text/javascript">

        var app = new Vue({
            el: '#app',
            data: {
                //父业传参
                id: '',
                imageUrl: '',
                checked: true,
                value1: '',
                radio: '1',
                ListItem: ListItem,
                ClassificationofCourseware: [],

                formInline: {
                    model: {
                        CoursewareName: '',
                        ClassificationofCourseware: '',
                        Learningtime: '',
                        Encryptionornot: '',
                        Trainer: '',
                        Courseware: '',

                    },
                    offset: 0,
                    limit: 10
                },
                //业务表单内容
                Form: {
                    id: guidEmpty,
                    CoursewareName: '',
                    ClassificationofCourseware: '',
                    Learningtime: '',
                    Encryptionornot: '',
                    Trainer: '',
                    Courseware: '',
                },
                //表单验证
                rules: {
                    CoursewareName: [
                        verification.NotNull,
                    ],
                    ClassificationofCourseware: [
                        verification.NotNull,
                    ],
                    Learningtime: [
                        verification.NotNull,
                    ],
                    Encryptionornot: [
                        verification.NotNull,
                    ],
                    Trainer: [
                        verification.NotNull,
                    ],

                    Courseware: [
                        verification.NotNull
                    ],

                }
            },

            methods: {
                //解決edge下select bug
                visibleChange: function (isVisible) {
                    visibleChange(isVisible)
                },

                //获取分页数据
                GetPageData: function (currentIndex) { GetPageData(this, currentIndex, '/api/TrainingCourseManagement/GetList') },
                //查询方法
                onSubmit: function () { onSubmit(this); },
                btnUpLoad: function () {
                    this.$message({
                        message: '上传成功',
                        type: 'success'
                    });
                },
                //提交数据
                onSubmitForm: function (formName) {
                    var mythis = this;
                    this.$refs[formName].validate(function (valid) {
                        //验证通过
                        if (valid) {
                            onSubmitForm(this, '/api/TrainingCourseManagement/Save', mythis.Form);
                        } else {
                            //验证失败
                            return false;
                        }
                    });
                },
                getData: function () {
                    getData(this, '/api/TrainingCourseManagement/get?id=' + this.id);
                },

                //删除方法
                onDelete: function () { onDelete(this, '/api/TrainingCourseManagement/DeleteMuti'); },
                //列表选择触发
                UserInputStatistics: function (val, id) { DialogShow(this, val, "TrainingCourseManagementInputPerson.html", id); },
                handleSelectionChange: function (val) { handleSelectionChange(this, val); },
                //获取分页数据
                GetPageData: function (currentIndex) { GetPageData(this, currentIndex, '/api/TrainingCourseManagement/GetList') },
                //pagesize改变 触发方法
                handleSizeChange: function (val) { handleSizeChange(this, val); },
                //跳页触发方法
                handleCurrentChange: function (val) { handleCurrentChange(this, val); },
            },
            mounted: function () {
                //初始化数据
                this.GetPageData(1);
                //列表高度自适应
                tablehigh(this);
                this.id = getUrlParam("id");
                this.getData();
                //获取下拉菜单内容
                this.ClassificationofCourseware = getDicData('83');

            }

        });
    </script>
</body>

</html>